Angular provides CSS system variables for Material typography, but the variable for "font" is not able to set letter-spacing, which requires users to remember to set letter-spacing separately:

  .mat-font-body-sm {
    font: var(--mat-sys-body-small);
    letter-spacing: var(--mat-sys-body-small-tracking);
  }

This change introduces typography mixins that ensure that both properties are set together, so the above snippet becomes:

  .mat-font-body-sm {
    @include typography.body-small();
  }

End-users can apply these mixins from the mat. entrypoint with a typography- prefix:

  .mat-font-body-sm {
    @include mat.typography-body-small();
  }